//引入Vue
import Vue from 'vue'
//引用vuex
import vuex from 'vuex'
//使用vuex
Vue.use(vuex)

//创建actions - 用于响应组件中的动作
const actions = {
    jiaOdd(context,value){
        // console.log('actions被调用了',context,value);
        if(context.state.sum){
            context.commit('JIA',value)
        }
    },
    jiaWait(context,value){
        setTimeout(()=>{
            context.commit("JIA",value)
        },500)
    }
};
//创建mutations - 用于操作数据
const mutations = {
    JIA(state,value){
        // console.log('mutations被调用了',state,value);
        state.sum += value;
    },
    JIAN(state,value){
        state.sum -= value;
    }
};
//创建state - 用于存储数据
const state = {
    sum:0,
};
//创建getters - 用于对数据操作
const getters = {
    bigSum(state){
        return state.sum * 10;
    }
}

export default new vuex.Store({
    actions,
    mutations,
    state,
    getters
})